<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>请在浏览器打开</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta content="false" name="twcClient" id="twcClient"/>
    <style>
        body,html{width:100%;height:100%}
        *{margin:0;padding:0}
        body{background-color:#fff}
        .top-bar-guidance{font-size:15px;color:#fff;height:20%;line-height:1.8;padding-left:20px;padding-top:20px;background:url({$_G['URL']['FCWORK_CSS']}images/ydhead.png) center top/contain no-repeat}
        .top-bar-guidance .icon{width:25px;height:25px;vertical-align:middle;margin:0 .2em}
        #centeryd{
            width: 320px;
            margin:20px auto 0;
        }
        #centeryd img{
            max-width: 320px;
        }
        #bottomyd{
            width: 320px;
            margin:30px auto 0;
        }

        #bottomyd p{
            text-align: center;
            font-size: 18px;
            color: #174ded;
            font-weight: bold;
        }

    </style>
</head>
<body>
<div class="top-bar-guidance">
    <p>
        点击右上角···
    </p>
    <p>
        再点击<img src="{$_G['URL']['FCWORK_CSS']}images/ydios-icon.png" id="icon" class="icon"/>在<span id="ostype">Safari</span>打开
    </p>
</div>
<!-- 中部引导 -->
<div id="centeryd">
    <img src="{$_G['URL']['FCWORK_CSS']}images/ydios.jpg">
</div>
<div id="bottomyd">
    <p>不支持在微信导出</p>
    <p>请在浏览器打开访问</p>
</div>
<!-- 判断浏览器 -->
<script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}fcwork/jquery.js"></script>
<script>
    var ua = navigator.userAgent.toLowerCase();
    var isWeixin = ua.indexOf('micromessenger') != -1;
    var isAndroid = ua.indexOf('android') != -1;
    var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
    // 判断是不是在微信客户端打开
    if(isWeixin) {
            $("#icon").attr("src", "{$_G['URL']['FCWORK_CSS']}images/ydandroid-icon.png" );
            $("#centeryd").html("<img src='{$_G['URL']['FCWORK_CSS']}images/ydandroid.jpg'/>");
            $("#ostype").text('浏览器中');
        }else if (isIos) {
            // 是在Ios的微信客户端
            $("#icon").attr("src", "{$_G['URL']['FCWORK_CSS']}images/ydios-icon.png");
            $("#centeryd").html("<img src='{$_G['URL']['FCWORK_CSS']}images/ydios.jpg'/>");
            $("#ostype").text('Safari');
        }else{
            // 未知设备系统，默认使用安卓的引导方式
            $("#icon").attr("src", "{$_G['URL']['FCWORK_CSS']}images/ydandroid-icon.png" );
            $("#centeryd").html("<img src='{$_G['URL']['FCWORK_CSS']}images/ydandroid.jpg'/>");
    }
</script>
</body>
</html>